<template>
    <div>
        <!-- 底部导航 -->
        <van-tabbar v-model="active" @change="changeFn" :route="true">
            <van-tabbar-item to="/home" icon="home-o">首页</van-tabbar-item>
            <van-tabbar-item to="/topic" icon="label-o">专题</van-tabbar-item>
            <van-tabbar-item to="/category" icon="qr">分类</van-tabbar-item>
            <van-tabbar-item to="/car" icon="cart-o">购物车</van-tabbar-item>
            <van-tabbar-item to="/user" icon="manager-o">我的</van-tabbar-item>
        </van-tabbar>
        
    </div>
</template>
<script>
export default {
    name: '',
    data() {
        return {
            active: 0
        }
    },
    components: {
    },
    watch: {},
    methods: {
        changeFn(active) {
            this.active = active
        }
    },
};
</script>
<style scoped>

</style>
